<template>
  <div>
    <!-- <br>
    <br>
    <l-notigication :max="30" :value="50"></l-notigication>
    <br>
    <br>
    <l-notigication :max="30" :value="50" :isDot="true"></l-notigication>
    <br>
    <br>
    <l-notigication :max="30" :value="50" :isDot="true" :icon="'ChatRound'"></l-notigication> -->
    <l-notigication :value="50">
      <template #default>
        <l-list @clickItem="clickItem" @clickAction="clickAction" :list="list" :actions="actions" ></l-list>
      </template>
    </l-notigication>
  </div>
</template>

<script setup lang="ts">
import { list, actions } from './data';
const clickItem = (val : any) => {
  console.log(val);
}
const clickAction = (val: any) => {
  console.log(val);
}
</script>

<style scoped lang="scss">

</style>